<template>

    <el-dialog title="留言详情" :visible.sync="dialogVisible"  width="500px">
        <el-descriptions title="留言信息" :column="1" border>
            <el-descriptions-item label="姓名">{{ message.name }}</el-descriptions-item>
            <el-descriptions-item label="手机号码">{{ message.phone }}</el-descriptions-item>
            <el-descriptions-item label="地区">{{ message.address }}</el-descriptions-item>
            <el-descriptions-item label="留言信息">{{ message.content }}</el-descriptions-item>
        </el-descriptions>
        <el-descriptions title="处理信息" :column="1" border>
              <el-descriptions-item label="处理状态">
                    {{ message.statusText}}
            </el-descriptions-item>
            <el-descriptions-item label="处理备注">{{ message.remark || '暂无' }}</el-descriptions-item>
        </el-descriptions>
        <div slot="footer" class="dialog-footer">
            <el-button @click="closeHandler">关闭</el-button>
        </div>
    </el-dialog>
</template>

<script>
export default {
    name: 'MessageDetail',
    props: {
        dialogVisible: {
            type: Boolean,
            default: false
        },
        message: {
            type: Object,
            default: {}
        }
    },
    data () {
        return {
        }
    },
    methods: {
        closeHandler () {
            this.$emit('close');
        }
    }
}
</script>